﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <link rel="shortcut icon" type="image/ico" href="~/favicon.ico" />
    <link rel="bookmark" type="image/ico" href="~/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Lonewolf.MVC</title>
    <link href="~/lib/layui/css/layui.css" rel="stylesheet" />
    <link href="~/css/home/app.css" rel="stylesheet" />
    <link href="~/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link href="~/css/home/themes/blue.css" rel="stylesheet" media="all" id="skin" kit-skin />
    <style>
        .layui-col-md6 {
            padding: 5px;
        }
    </style>
</head>
<body class="kit-theme">
    <div class="layui-layout layui-layout-admin kit-layout-admin">
        <div class="layui-header">
            <div class="layui-logo">Lonewolf.MVC</div>
            <div class="layui-logo kit-logo-mobile"></div>
            <ul class="layui-nav layui-layout-left kit-nav" kit-one-level>
                <li class="layui-nav-item"><a href="javascript:;"></a></li>
                <li class="layui-nav-item"><a href="javascript:;"></a></li>
            </ul>
            <ul class="layui-nav layui-layout-right kit-nav">
                <li class="layui-nav-item">
                    <a href="javascript:;" class="blue_fff">
                        <i class="layui-icon">&#xe63f;</i> 皮肤
                    </a>
                    <dl class="layui-nav-child skin">
                        <dd><a href="javascript:;" data-skin="default" style="color:#393D49;"><i class="layui-icon">&#xe658;</i> 淡雅黑</a></dd>
                        <dd><a href="javascript:;" data-skin="orange" style="color:#ff6700;"><i class="layui-icon">&#xe658;</i> 橘子橙</a></dd>
                        <dd><a href="javascript:;" data-skin="green" style="color:#00a65a;"><i class="layui-icon">&#xe658;</i> 原谅绿</a></dd>
                        <dd><a href="javascript:;" data-skin="pink" style="color:#FA6086;"><i class="layui-icon">&#xe658;</i> 少女粉</a></dd>
                        <dd><a href="javascript:;" data-skin="blue" style="color:#0e90d2;"><i class="layui-icon">&#xe658;</i> 天空蓝</a></dd>
                        <dd><a href="javascript:;" data-skin="red" style="color:#dd4b39;"><i class="layui-icon">&#xe658;</i> 枫叶红</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;" class="blue_fff">
                        @ViewBag.adminAcc
                    </a>
                    @*<dl class="layui-nav-child">
                            <dd><a href="javascript:;">基本资料</a></dd>
                            <dd><a href="javascript:;">安全设置</a></dd>
                        </dl>*@
                </li>
                <li class="layui-nav-item"><a href="/Sys/Account/Exit" class="blue_fff"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a></li>
            </ul>
        </div>
        <div class="layui-side layui-bg-black kit-side">
            <div class="layui-side-scroll">
                <div class="kit-side-fold"><i class="fa fa-navicon" aria-hidden="true"></i></div>
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="kitNavbar" kit-navbar></ul>
            </div>
        </div>
        <div class="layui-body" id="container">
            <!-- 内容主体区域 -->
            <div style="padding: 15px;">主体内容加载中,请稍等...</div>
        </div>
        <div class="layui-footer">
            <!-- 底部固定区域 -->
            2018 &copy;
            Lonewolf.MVC
        </div>
        <link href="~/css/style01.css" rel="stylesheet" />
        <!-- 客服部分 -->
        <div style="right:-280px;" class="contactusdiyou" id="contactusdiyou">
            <div class="hoverbtn" id="hoverbtn">
                <span>我</span><span>的</span><span>工</span><span>作</span><span>台</span>
                <img class="hoverimg" src="images/hoverbtnbg.gif" height="9" width="13" />
            </div>
            <div class="conter">
                <div class="layui-row">
                    <div class="layui-col-md6">
                        <button class="layui-btn layui-btn-primary">待办任务<span class="layui-badge">1</span></button>
                    </div>
                    <div class="layui-col-md6">
                        <button class="layui-btn layui-btn-primary">在办任务<span class="layui-badge layui-bg-blue">16</span></button>
                    </div>
                    <div class="layui-col-md6">
                        <button class="layui-btn layui-btn-primary">催办任务<span class="layui-badge layui-bg-orange">1</span></button>
                    </div>
                    <div class="layui-col-md6">
                        <button class="layui-btn layui-btn-primary">已办任务<span class="layui-badge layui-bg-gray">16</span></button>
                    </div>
                </div>
                <div class="layui-row" style="margin-top:15px;">
                    <fieldset class="layui-elem-field">
                        <div class="layui-field-box" style="padding:0;">
                            <div class="layui-col-md12">
                                <div class="layui-col-md6">
                                    <button class="layui-btn  layui-btn-normal" onclick="btnAdd('/Home/fullcalendar','日程管理','950px','600px');"><i class="layui-icon layui-icon-rate"></i> 日程管理</button>
                                </div>
                                <div class="layui-col-md6">
                                    <button class="layui-btn  layui-btn-normal"><i class="layui-icon layui-icon-template-1"></i> 工作日志</button>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                </div>
                <div class="layui-row" style="margin-top:15px;">
                    <div class="layui-col-md12">
                        <table id="jihua" lay-filter="jihua"></table>
                    </div>
                </div>

            </div>
        </div>

        <div class="diyoumask" id="diyoumask"></div>
    </div>
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/layui/layui.js"></script>
    <script src="~/lib/layui/Expand/LayuiExpand.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#hoverbtn").bind("click", function () {
                if ($('#diyoumask').css("display") == "none") {
                    $(".hoverimg").attr("src", "images/hoverbtnbg1.gif");
                    $('.diyoumask').fadeIn();
                    $('.contactusdiyou').animate({ right: '0' }, 300);
                }
                else {
                    $(".hoverimg").attr("src", "images/hoverbtnbg.gif");
                    $('.contactusdiyou').animate({ right: '-280px' }, 300, function () { });
                    $('.diyoumask').fadeOut();
                }
                return false;
            });
        });
    </script>
    <script>
        var message;
        var client = { permission: [] };
        var tabUrl = "/Home/Main";
        var MsgType = 0;
        layui.use(['menu', 'table'], function () {
            var menu = layui.menu,
                $ = layui.jquery,
                layer = layui.layer;
            var table = layui.table;
            table.render({
                elem: '#jihua'
                , height: 250
                , url: '/TestData/tzgg.json' //数据接口
                , page: false //开启分页
                , cols: [[ //表头
                    { field: 'tzgg', title: '近期工作计划' }
                ]]
            });
            //将message设置为全局以便子页面调用
            // message = layui.message;
            //主入口
            menu.set({
                type: 'iframe'
            }).init();
            //加载用户权限。
            //$.ajax({
            //    url: "/Sys/RoleMenu/GetPermission",
            //    type: "post",
            //    dataType: "json",
            //    async: false,
            //    success: function (data) {
            //        if (data && data.length > 0) {
            //            client.permission = data;
            //        }
            //    }
            //});
            //换肤
            $('dl.skin > dd').on('click', function () {
                var $that = $(this);
                var skin = $that.children('a').data('skin');
                switchSkin(skin);
            });
            var setSkin = function (value) {
                layui.data('kit_skin', {
                    key: 'skin',
                    value: value
                });
            },
                getSkinName = function () {
                    return layui.data('kit_skin').skin;
                },
                switchSkin = function (value) {
                    var _target = $('link[kit-skin]')[0];
                    _target.href = _target.href.substring(0, _target.href.lastIndexOf('/') + 1) + value + _target.href.substring(_target.href.lastIndexOf('.'));
                    setSkin(value);
                },
                initSkin = function () {
                    var skin = getSkinName();
                    switchSkin(skin === undefined ? 'default' : skin);
                }();
        });
        function btnAdd(url, title, width, height) {
            $(".hoverimg").attr("src", "images/hoverbtnbg.gif");
            $('.contactusdiyou').animate({ right: '-280px' }, 300, function () { });
            $('.diyoumask').fadeOut();
            layer.open({
                type: 2,
                title: title,
                area: [width, height],
                content: url,
                btn: ['关闭'],
                yes: function (index) {
                    layer.close(index);
                }
            });
        }
    </script>
</body>
</html>
